<template>
  <div class="loginContainer">
    <el-card header="欢迎使用通用后台管理系统">
      <el-form
        :model="ruleForm"
        status-icon
        :rules="rules"
        ref="ruleForm"
        label-width="100px"
        class="demo-ruleForm"
      >
        <el-form-item label="用户名" prop="username">
          <el-input
            type="text"
            v-model="ruleForm.pass"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
          <el-input
            type="password"
            v-model="ruleForm.checkPass"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')"
            >登录</el-button
          >
          <el-button @click="resetForm('ruleForm')">重置</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data(){
      return {
          ruleForm:{
              pass:"",
              checkPass:"",
              age:"",
          },
          rules:{
              username:[{required:true,message:'请输入用户名',trigger:'blur'},],
              password:[{required:true,message:'请输入密码',trigger:'blur'},],
          },
      };
  },
  methods:{
      submitForm(){
          
      }
  }
}
</script>
